.vita-btn {
  position: relative;
  width: 100%;
  @include fontsize(35px);
  line-height: rem(155px);
  padding: 0 rem(35px);
  color: $vita-light;
  text-align: center;
  border-radius: rem(15px);
  text-decoration: none;
  overflow: hidden;
  &:after {
  	content: " ";
  	position: absolute;
  	width: 200%;
  	height: 200%;
  	top: 0;
  	left: 0;
  	border: 1px solid rgba(0, 0, 0, .2);
  	transform: scale(.5);
  	transform-origin: 0 0;
  	border-radius: rem(30px);
  	box-sizing: border-box;
  }
  &+& {
  	margin-top: rem(20px);
  }
}

.vita-btn-default {
	background-color: #f7f7f7;
	color: $vita-dark;
	&:not(.vita-btn-disabled):active {
		color: #a1a1a1;
		background-color: #dedede;
	}
}

.vita-btn-primary {
	background-color: #04be02;
	color: $vita-light;
	&:not(.vita-btn-disabled):active {
		color: hsla(0,0%,100%,.4);
		background-color: #039702;
	}
}

.vita-btn-warn {
	background-color: #ef4f4f;
	color: $vita-light;
	&:not(.vita-btn-disabled):active {
		color: hsla(0,0%,100%,.4);
		background-color: #c13e3e;
	}
}
